<template>
  <div class="search-songs">
    <AlbumContent :songList="listOfSongs"></AlbumContent>
  </div>
</template>

<script>
  import {mapGetters} from 'vuex'
  import {mixin} from '../../mixins'
  import AlbumContent from '../AlbumContent'
  export default {
    name: 'SearchSongs',
    mixins:[mixin],
    components:{
      AlbumContent
    },
    computed:{
      ...mapGetters([
        'listOfSongs'
      ])
    },
    mounted(){
      this.getSong();
    },
  }
</script>

<style scoped lang="scss">
@import "../../assets/css/search-songs.scss";
</style>
